<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="" />
<meta name="author" content="" />
<!-- css -->
<link href="css/bootstrap.min.css" rel="stylesheet" />
<link href="css/fancybox/jquery.fancybox.css" rel="stylesheet">
<!-- <link href="css/jcarousel.css" rel="stylesheet" /> -->
<link href="css/flexslider.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" />
 
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

</head>
<body>
<!-- <div id="wrapper">
<div class="topbar">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <p class="pull-left hidden-xs">Welcome</p>
        <p class="pull-right"><i class="fa fa-phone"></i>Tel No. (+001) 123-456-789</p>
      </div>
    </div>
  </div>
</div> -->
	<!-- start header -->
	<header>
        <div class="navbar navbar-default navbar-static-top">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="index.html"><img src="img/logo.png" alt="logo"/></a>
                </div>
                <div class="navbar-collapse collapse ">
                    <ul class="nav navbar-nav">
                        <li class="active"><a href="index.html">首页</a></li> 
						 <li class="dropdown">
                        <a href="#" data-toggle="dropdown" class="dropdown-toggle">关于我们 <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="about.html">公司简介</a></li>
                            <!-- <li><a href="#">我们的团队</a></li>
                            <li><a href="#">公告</a></li> 
                            <li><a href="#">投资者</a></li> -->
                        </ul>
                    </li> 
						<!-- <li><a href="services.html">服务❌</a></li> -->
						<li><a href="cases.html">成功案例</a></li>
						<li><a href="projects.html">产品列表</a></li>
						<!-- <li><a href="pricing.html">报价策略❌</a></li> -->
						<li><a href="contact.html">联系我们</a></li>
                    </ul>
                </div>
            </div>
        </div>
	</header>
	<!-- end header -->
	<section id="inner-headline">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<h2 class="pageTitle">联系我们</h2>
				</div>
			</div>
		</div>
	</section>
	<section id="content">
	
	<div class="container">
		<!-- <div class="row">
			<div class="col-md-12">
				<div class="about-logo">
					<h3>Voluptatem Accusantium Doloremque</h3>
					<p>Sed ut perspiciaatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas</p>
                    	<p>Sed ut perspiciaatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas</p>
				</div>  
			</div>
		</div> -->
		<div class="row">
			<div class="col-md-6 col-sm-6">
				<div class="about-text">
					<!-- <p>Grids is a responsive Multipurpose Template. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur aliquet quam id dui posuere blandit. Donec sollicitudin molestie malesuada. Pellentesque in ipsum id orci porta dapibus. Vivamus suscipit tortor eget felis porttitor volutpat.</p> -->
					<h3>联系方式</h3>
					<h4>邮件/电话</h4>
					<ul class="withArrow">
						<li><span class="fa fa-angle-right"></span> 地址：北京市丰台区南四环西路188号十区12号楼8层08内8019室</li>
						<li><span class="fa fa-angle-right"></span> 邮编：100085</li>
						<li><span class="fa fa-angle-right"></span> ☎️电话：010-62979715/62979716   📲  13521851211</li>
						<li><span class="fa fa-angle-right"></span> 邮箱：13521851211@163.com</li>
					</ul>
				</div>
			</div>
			<div class="col-md-6 col-sm-6">
				<div class="about-image">
					<img src="https://img2.baidu.com/it/u=1912234668,929074890&fm=253&fmt=auto?w=500&h=281img/about.jpg" alt="About Images">
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-md-6">
				<!-- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do tempor.</p> -->
								  	
				<!-- Form itself -->
				<form name="sentMessage" id="contactForm"  novalidate>
					<h4>电子邮件</h4>
					<div class="control-group">
						<div class="controls">
							<input type="text" class="form-control" 
					   	   placeholder="您的姓名" id="name" required
					           data-validation-required-message="请输入您的姓名" />
							<p class="help-block"></p>
						</div>
					</div> 	
				    <div class="control-group">
				    	<div class="controls">
							<input type="email" class="form-control" placeholder="您的邮件地址" 
				   	            id="email" required
				   		   data-validation-required-message="请输入您的邮件地址" />
						</div>
			    	</div> 	
			  
					<div class="control-group">
						<div class="controls">
							<textarea rows="10" cols="100" class="form-control" 
								placeholder="请输入内容" id="message" required
								data-validation-required-message="请输入内容" minlength="5" 
							   	data-validation-minlength-message="最小5个汉字！" 
							    maxlength="999" style="resize:none"></textarea>
						</div>
	               	</div> 		 
	     			<div id="success"> </div> <!-- For success/fail messages -->
				    <button type="submit" class="btn btn-primary pull-right">发送</button><br />
			    </form>
			</div>
			<div class="col-md-6">
<!-- 
				<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
				<div style="overflow:hidden;height:500px;width:600px;">
					<div id="gmap_canvas" style="height:500px;width:600px;"></div>
					<style>#gmap_canvas img{max-width:none!important;background:none!important}</style>
					<a class="google-map-code" href="http://www.trivoo.net" id="get-map-data">trivoo</a>
				</div>
				<script type="text/javascript"> function init_map(){var myOptions = {zoom:14,center:new google.maps.LatLng(40.805478,-73.96522499999998),mapTypeId: google.maps.MapTypeId.ROADMAP};map = new google.maps.Map(document.getElementById("gmap_canvas"), myOptions);marker = new google.maps.Marker({map: map,position: new google.maps.LatLng(40.805478, -73.96522499999998)});infowindow = new google.maps.InfoWindow({content:"<b>The Breslin</b><br/>2880 Broadway<br/> New York" });google.maps.event.addListener(marker, "click", function(){infowindow.open(map,marker);});infowindow.open(map,marker);}google.maps.event.addDomListener(window, 'load', init_map);</script>
				 -->
				 <img src="./img/projects/2013091263342469.gif">
			</div>
		</div>
	</div>	
 
	</section>
	
	<footer>
	<div class="container">
		<div class="row">
			<div class="col-md-3">
				<div class="widget">
					<h5 class="widgetheading">联系我们</h5>
					<address>
						<strong>地址：北京市丰台区南四环西路188号十区12号楼8层08内8019室</strong>
						<br />
						<br />
						邮编：100085
						<br />
					</address>	
					<p>
						<i class="icon-phone"></i> ☎️电话：010-62979715/62979716    <br />📲手机&微信  13521851211
						<br />
						<br />
						<i class="icon-envelope-alt"></i> 邮箱：13521851211@163.com
					</p>
				</div>
			</div>
			<div class="col-md-3">
				<div class="widget">
					<h5 class="widgetheading">在线客服</h5>
					<!-- <ul class="link-list">
						<li><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></li>
						<li><a href="#">Pellentesque et pulvinar enim. Quisque at tempor ligula</a></li>
						<li><a href="#">Natus error sit voluptatem accusantium doloremque</a></li>
					</ul> -->
					<div class="serviceCon"> 
						<div class="servicePic"> 
							<h5>软件技术QQ交流群&nbsp;&nbsp;</h5> 
							市场群：121369529&nbsp;&nbsp;<br> 
							技术群：279986536
						</div> 
						<ul> 
							<li>
								<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=996907841&amp;site=qq&amp;menu=yes">
									<img border="0" src="http://wpa.qq.com/pa?p=2:996907841:41" alt="点击进行在线交流" title="点击进行在线交流">
								</a></li> 
							<li>
								<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=1622579&amp;site=qq&amp;menu=yes">
									<img border="0" src="http://wpa.qq.com/pa?p=2:1622579:41" alt="点击进行在线交流" title="点击进行在线交流">
								</a></li> 
							<li>
								<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=478911336&amp;site=qq&amp;menu=yes">
									<img border="0" src="http://wpa.qq.com/pa?p=2:478911336:41" alt="点击进行在线交流" title="点击进行在线交流">
								</a></li> 
							<li>
								<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=2536905603&amp;site=qq&amp;menu=yes">
									<img border="0" src="http://wpa.qq.com/pa?p=2:2536905603:41" alt="点击这里给我发消息" title="点击这里给我发消息">
								</a></li> 
							<li>
								<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=1530024583&amp;site=qq&amp;menu=yes">
									<img border="0" src="http://wpa.qq.com/pa?p=2:1530024583:41" alt="点击这里给我发消息" title="点击这里给我发消息">
								</a></li> 
							<li>
								<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=1307884131&amp;site=qq&amp;menu=yes">
									<img border="0" src="http://wpa.qq.com/pa?p=2:1307884131:41" alt="点击这里给我发消息" title="点击这里给我发消息">
								</a></li> 
						</ul> 
					</div>
				</div>
			</div>
			<div class="col-md-3">
				<div class="widget">
					<h5 class="widgetheading">友情链接</h5>
					<ul class="link-list">
						<li><a href="http://www.nlc.gov.cn/" target="_blank">
							<img src="img/friendlink/中国国家图书馆.jpg" 
								width="251" height="46" border="0" alt="中国国家图书馆"></a></li>   
						<li><a href="http://www.cnki.net/" target="_blank">
							<img src="img/friendlink/中国知网.jpg" 
								width="251" height="46" border="0" alt="中国知网"></a></li>   
						<li><a href="http://www.ssucs.com/" target="_blank">
							<img src="img/friendlink/中国社科院.jpg" 
								width="251" height="46" border="0" alt="全国社会科院联合编目中心"></a></li>   
						<li><a href="http://opac.calis.edu.cn/opac/simpleSearch.do" target="_blank">
							<img src="img/friendlink/目录检索系统.jpg" 
								width="251" height="46" border="0" alt="CALIS联合目录公共检索系统"></a></li>
					</ul>
				</div>
			</div>
			<!-- <div class="col-md-3">
				<div class="widget">
					<h5 class="widgetheading">Recent News</h5>
					<ul class="link-list">
						<li><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></li>
						<li><a href="#">Pellentesque et pulvinar enim. Quisque at tempor ligula</a></li>
						<li><a href="#">Natus error sit voluptatem accusantium doloremque</a></li>
					</ul>
				</div>
			</div> -->
		</div>
	</div>
	<div id="sub-footer">
		<div class="container">
			<div class="row">
				<div class="col-lg-6">
					<div class="copyright">
						<p>
							Copyright &copy; 2000-2023 		&copy;   	版权所有：北京欣亿达科技有限公司版权所有
						</p>
					</div>
				</div>
				<!-- <div class="col-lg-6">
					<ul class="social-network">
						<li><a href="#" data-placement="top" title="Facebook"><i class="fa fa-facebook"></i></a></li>
						<li><a href="#" data-placement="top" title="Twitter"><i class="fa fa-twitter"></i></a></li>
						<li><a href="#" data-placement="top" title="Linkedin"><i class="fa fa-linkedin"></i></a></li>
						<li><a href="#" data-placement="top" title="Pinterest"><i class="fa fa-pinterest"></i></a></li>
						<li><a href="#" data-placement="top" title="Google plus"><i class="fa fa-google-plus"></i></a></li>
					</ul>
				</div> -->
			</div>
		</div>
	</div>
	</footer>

</div>
<a href="#" class="scrollup"><i class="fa fa-angle-up active"></i></a>
<!-- javascript
    ================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.fancybox.pack.js"></script>
<script src="js/jquery.fancybox-media.js"></script>  
<script src="js/jquery.flexslider.js"></script>
<script src="js/animate.js"></script> 
<!-- Vendor Scripts -->
<script src="js/modernizr.custom.js"></script>
<script src="js/jquery.isotope.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/animate.js"></script>
<script src="js/custom.js"></script>

 <script src="contact/jqBootstrapValidation.js"></script>
 <script src="contact/contact_me.js"></script>
</body>
</html>
